<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta charset="UTF-8">
    <title>码农消消乐</title>
    <link rel="stylesheet" href="./css/game.css">
    <link href="./layui_js/layui/css/layui.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="./js/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="./js/game.js"></script>
    <!--    引入layui框架-->
    <script type="text/javascript" src="./layui_js/layui/layui.js"></script>
</head>
<style>
    body {
        background-image: url('./image/game.bg.png' );
    }
    background-image{
        opacity: 0.5;
    }
</style>
<body style="
             background-repeat: repeat;background-size: 100% auto">
<center>
    <div style="position: relative; width: 100%; height: auto;">
        <div class="game-container-box">
            <div class="game-container" id="game-container">
                <div class="game-container grid-1"></div>
                <div class="game-container grid-2"></div>
                <div class="game-container grid-3"></div>
                <div class="game-container grid-4"></div>
                <div class="game-container grid-5"></div>
            </div>
            <div class="game-selected-container"></div>
        </div>
    </div>
</center>

</body>

<script>
    var gameGrid = new GameGrid().init();
    gameGrid.printItems();
</script>
</html>
